<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta charset="UTF-8">
<title>增加飞机</title>

<link rel="stylesheet" href="/css/vendor/common.css" type="text/css">
<link rel="stylesheet" href="/css/vendor/cmp-controls.css" type="text/css">
<link href="/css/vendor/add-drone-group.less" rel="stylesheet/less" type="text/css">
<script src="/js/less.min.js"></script>
</head>

<body>

<main>
    <div class="info-group">
        <div class="title-bar">
            <label class="server-id">Server_id: 88.8888</label>

            <div style="float: right;" class="button" onClick="addDroneEditor.clickDelete()">
                <label class="btn-text">删除</label>
                <img class="del" src="/images/info_edit_del.png">
            </div>
            <div style="float: right;" class="button" id="edit-btn" onClick="addDroneEditor.clickEdit(this)">
              <label class="btn-text">编辑</label>
              <img src="/images/info_edit_edit.png">
            </div>
            <div style="float: right;" class="button" onClick="addDroneEditor.clickHistory(this)">
              <label class="btn-text">查看历史</label>
              <img class="history-icon" src="/images/add-drone-group/add-drone-group-history-big.png">
            </div>
        </div>

        <div class="info-wrap">
            <!-- 如果只有单列，则把此时只有一个table元素，且需加上single类，如 <table class="single"> -->
            <table>
                <tr>
                    <th>用户昵称:</th>
                    <td>
                        <input type="text" name="ok2" value="JMIWUD" disabled="disabled">
                        <div class="history button"></div>
                    </td>
                </tr>
                <tr>
                    <th>手机号:</th>
                    <td>
                        <input type="text" name="ok" value="18138288888" disabled="disabled">
                        <div class="history button"></div>
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <th>用户昵称:</th>
                    <td><label>123456789</label></td>
                </tr>
                <tr>
                    <th>类型:</th>
                    <td>
                        <select disabled="disabled">
                            <option>类型1</option>
                            <option>类型2</option>
                            <option>类型3</option>
                        </select>
                        <div class="history button"></div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="info-group">
        <div class="title-bar">
            <label class="server-id">Server_id: 88.8888</label>
        </div>

        <div class="info-wrap">
            <!-- 如果只有单列，则把此时只有一个table元素，且需加上single类，如 <table class="single"> -->
            <table>
                <tr>
                    <th>用户昵称:</th>
                    <td><input type="text" value="JMIWUD" disabled="disabled"></td>
                </tr>
                <tr>
                    <th>手机号:</th>
                    <td><input type="text" value="18138288888" disabled="disabled"></td>
                </tr>
            </table>
            <table>
                <tr>
                    <th>用户昵称:</th>
                    <td><input type="text" value="JMIWUD" disabled="disabled"></td>
                </tr>
                <tr>
                    <th>手机号:</th>
                    <td><input type="text" value="18138281386" disabled="disabled"></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="info-group">
        <div class="title-bar">
            <label class="server-id">Server_id: 88.8888</label>
        </div>

        <div class="info-wrap">
            <!-- 如果只有单列，则把此时只有一个table元素，且需加上single类，如 <table class="single"> -->
            <table>
                <tr>
                    <th>用户昵称:</th>
                    <td><input type="text" value="JMIWUD" disabled="disabled"><span class="error">Error Error Error Error</span></td>
                </tr>
                <tr>
                    <th>手机号:</th>
                    <td><input type="text" value="18138288888" disabled="disabled"></td>
                </tr>
            </table>
            <table>
                <tr>
                    <th>用户昵称:</th>
                    <td><input type="text" value="JMIWUD" disabled="disabled"></td>
                </tr>
                <tr>
                    <th>手机号:</th>
                    <td><input type="text" value="18138281386" disabled="disabled"></td>
                </tr>
            </table>
        </div>
    </div>
	
	<div class="save-btn-wrap">
        <p id="save-btn" class="button" onClick="addDroneEditor.clickSave()">保 存</p>
	</div>
</main>

<!-- 查看字段修改历史列表 -->
<!--
<div class="page-mask-container">
    <div class="history-wrap center-vh">
        <h1>证书类型</h1>
        <ul>
            <li>
                <label class="top-border"></label>
                <p class="time">2017-04-11 10:23</p>
                <p class="user">更新人: 吴超 (138888888888)</p>
                <p class="content">混合证书</p>
            </li>
        </ul>
    </div>
</div>
-->
</body>

<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/vendor/common.js"></script>
<script src="/js/vendor/cmp-controls.js"></script>
<script src="/js/vendor/add-drone-group.js"></script>
<script>

    $(".history").bind("click",function(){
        var name=$(this).prev().attr("name");
        var historyInfo = {
            title: "证书类型",
            items: [{time: "2017-04-11 10:23",
                user: "吴超 (138888888888)",
                content: "混合证书"},
                {time: "2017-05-11 10:23",
                    user: "吴超 (138888888888)",
                    content: "混合证书"},
                {time: "2017-06-11 10:23",
                    user: "吴超 (138888888888)",
                    content: "混合证书"},
                {time: "2017-07-11 10:23",
                    user: "吴超 (138888888888)",
                    content: "混合证书"},
                {time: "2017-08-11 10:23",
                    user: "吴超 (138888888888)",
                    content: "混合证书"},
            ],
        };

        addDroneEditor.showHistory(historyInfo);
    });
</script>

</html>






